<template>
    <div class="banner fillDiv">
    	<img class="bg1" src="~static/img/chat/pic_qunliao_banner_bolang.png" alt="">
	    <img class="bg2" src="~static/img/chat/pic_qunliao_banner_xqbg.png" alt="">
	    <div class="t">    
	        <p>TALK IS CHEAP</p>
	        <p>SHOW ME YOUR TOKEN</p>
    	</div>
    </div>
</template>

<script>
    import { fill } from '~/static/js/common.js';
    export default {
        data () {
            return {

            }
        },
        mounted () {
            fill('fillDiv')
        },
        methods : {

        }
    }
</script>

<style scoped>
    .banner{width:100%;position: relative;background-color: #0d011f;display: table;}
    .banner .t{display: table-cell;vertical-align: middle;z-index: 99999;width: 100%;}
    .banner .bg1{width:100%;position: absolute;bottom:0;left:0;z-index:99;}
    .banner .bg2{width:100%;position: absolute;top:0;left:0;}
    .banner p{color:white;text-align: center;font-size: 58px;width: 100%;position: relative;}
</style>
